<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>散标详情_亿人财富_靠谱的网络借贷信息中介平台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link rel="stylesheet" href="//res.iqianjin.com/static/css/main.css">
    <link rel="stylesheet" href="//res.iqianjin.com/static/css/libs/simplePagination.css">
    <link rel="stylesheet" href="//res.iqianjin.com/static/css/pages/commonDetail.css">
    <link rel="stylesheet" href="//res.iqianjin.com/static/css/pages/loanDetail.css">
    <script src="//res.iqianjin.com/static/js/seajs/2.2.1/sea.js"></script>
    <script src="//res.iqianjin.com/static/js/config.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body data-nav="touzi">
<div class="ui-wrap">
    <div id="helper-data" class="fn-hide" data-btn="-1" data-bean="{&quot;id&quot;:&quot;7141359&quot;,&quot;repaidType&quot;: &quot;2&quot;,&quot;channel&quot;:&quot;30&quot;,&quot;loanId&quot;:&quot;7141359&quot;,&quot;sid&quot;:&quot;6adbce8f9e&quot;,&quot;status&quot;:&quot;4&quot;,&quot;islogin&quot;:&quot;2&quot;,&quot;progress&quot;:&quot;100.0&quot;,&quot;point&quot;:&quot;0.0&quot;,&quot;idVerified&quot;:&quot;-1&quot;,&quot;minShare&quot;:&quot;0.0&quot;,&quot;raiseAmount&quot;:&quot;155800.0&quot;,&quot;amount&quot;:&quot;155800.0&quot;,&quot;rate&quot;:&quot;12.101&quot;,&quot;period&quot;:&quot;24&quot;,&quot;amountDesc&quot;:&quot;155,800&quot;,&quot;residual&quot;:&quot;0&quot;,&quot;userId&quot;:&quot;20813012&quot;,&quot;isLoanSelf&quot;:&quot;false&quot;,&quot;stepAmount&quot;:&quot;0.0&quot;,&quot;fromAmount&quot;:&quot;0.0&quot;,&quot;riskLoan&quot;:&quot;false&quot;,&quot;isSupportPrepayment&quot;:&quot;0&quot;}"></div>
    <div class="ui-container mt20" >
        <div class="ui-box-lhead" >
            <h3 class="ui-box-lhead-title" style="height: 100%"><i class="icon-sp1-new sp1-new-w-loan"></i>
                散标
            </h3>
            <a th:href="@{/invest.html}" data-iqianjin="phptag_web_loan_detail_01" class="ui-box-lhead-more">更多项目<i class="icon-sp1-new sp1-new-more"></i></a>
        </div>
        <div class="detail-intro fn-clear">

            <div class="intro-left fn-clear">
              <!--  <div class="progress">
                    预期年化利率<br>[[${(looseLabel.incomerate*100*365)}]]%
                  &lt;!&ndash;  <div class="progress-percent">
                        <span >[[${(looseLabel.incomerate*100*365)}]]%</span>
                    </div>&ndash;&gt;
                </div>-->
                <table class="fn-left" style="width: 600px">
                    <tbody><tr>
                        <td class="intro-title">还款期限：</td>
                        <td class="intro-text period">[[${looseLabel.periods}]]个月</td>
                        <td class="intro-title">还款方式：</td>
                        <td class="intro-text">[[${looseLabel.repaymentmethod}]]</td>
                        <td class="intro-title">借款金额：</td>
                        <td class="intro-text">[[${looseLabel.debtormoney}]]元</td>
                    </tr>
                    <tr>
                        <td class="intro-title">预期年化利率：</td>
                        <td class="intro-text" >[[${(looseLabel.incomerate*100*365)}]]%</td>
                        <td class="intro-title">剩余金额：</td>
                        <td class="intro-text" >[[${looseLabel.debtormoney-looseLabel.transferredamount}]]元</td>
                        <td class="intro-title">进度：</td>
                        <td class="intro-text"> <div class="cal-tempo"><p><span style="width:100.0%"></span></p><span id="pang" ></span></div></td>
                    </tr>
                    <tr>
                        <td class="intro-title">项目名称：</td>
                        <td class="intro-text">Q[[${looseLabel.projectnumber}]]期</td>
                        <td class="intro-title">债权来源：</td>
                        <td class="intro-text" id="channel">亿人财富</td>
                        <td class="intro-title">风险级别：</td>
                        <td class="intro-text">低</td>
                    </tr>
                    </tbody></table>
            </div>
            <div class="status-box fn-right">
                <div class="loan-bidding loan">
                    <form action="" method="post" id="joinLoanForm">
                        <table>
                            <tbody><tr>
                                <td class="buy-title">出借金额</td>
                                <td>
                                    <div th:if="${looseLabel.status==4}"><input type="text" id="moneysss" class="spinner-input" oninput="getManey(this)">元</div>
                                    <div th:if="${looseLabel.status==5}" ><input type="text" disabled="true" class="spinner-input">元</div>
                                </td>
                            </tr>
                            <tr>
                                <td class="buy-title"></td>
                                <td class="loan-buy-income detail-color-gray">

                                    <p class="user-income">预期回报&nbsp;<span id="moneyss" class="detail-color-red">0.00元</span></p>
                                    <p>&nbsp;</p>
                                </td>
                            </tr>

                            <tr>
                                <td colspan="2">
                                    <button type="button"  class="buy-join-btn ui-button ui-button-mid ui-button-red" th:if="${looseLabel.status==4}" data-toggle="modal" data-target="#myModal">我要购入</button>
                                    <button type="button"  class="buy-join-btn ui-button ui-button-mid ui-button-red" style="background: #9b9cb3" th:if="${looseLabel.status==5}" disabled="true" >本期散标还款中</button>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="security-tip">
                                    <div style="height: 20px;"></div>
                                </td>
                            </tr>
                            </tbody></table>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="ui-container fn-clear">
        <div class="detail-bom fn-clear">
            <div id="loan-detail-tab" class="ui-tab fn-left detail-bom-left">

                <ul class="ui-tab-items ui-tab-orange">
                    <li class="ui-tab-item" data-iqianjin="phptag_web_loan_detail_03">
                        <a href="#info">借款人信息</a>
                    </li>
                    <li class="ui-tab-item" data-iqianjin="phptag_web_loan_detail_04">
                        <a href="#brief">项目信息</a>
                    </li>
                    <li class="ui-tab-item" data-iqianjin="phptag_web_loan_detail_04">
                        <a href="#join">出借记录(427)</a>
                    </li>
                    <li class="ui-tab-item" data-iqianjin="phptag_web_loan_detail_05">
                        <a href="#repay">还款表现</a>
                    </li>
                    <li class="ui-tab-item ui-tab-item-current" data-iqianjin="phptag_web_loan_detail_06">
                        <a href="#creditor">债权记录</a>
                    </li>
                    <li class="ui-tab-item" data-iqianjin="phptag_web_loan_detail_07">
                        <a href="#transfer">转让记录</a>
                    </li>
                </ul>
                <div class="ui-tab-content">
                    <div class="ui-tab-panel">
                        <div id="info-wrap" style="position: relative;">

                            <div class="wrap-data">
                                <div class="auth">
                                    <ul class="fn-clear">
                                        <li><i class="icon-sp1-new sp1-new-safe-r">&nbsp;</i>身份证已认证</li>
                                    </ul>
                                </div>
                                <div class="fn-clear tb">
                                    <h1>个人信息</h1>
                                    <div class="tb-left">
                                        <table>
                                            <tbody><tr>
                                                <th>姓名</th>
                                                <td>任*</td>
                                            </tr>
                                            <tr>
                                                <th>身份证</th>
                                                <td>610481************</td>
                                            </tr>
                                            <tr>
                                                <th>性别</th>
                                                <td>男</td>
                                            </tr>
                                            <tr>
                                                <th>年龄</th>
                                                <td>31岁</td>
                                            </tr>
                                            <tr>
                                                <th>邮箱</th>
                                                <td>***16312555@189.cn</td>
                                            </tr>
                                            <tr>
                                                <th>教育程度</th>
                                                <td>专科</td>
                                            </tr>
                                            </tbody></table>
                                    </div>
                                    <div class="tb-right">
                                        <table>
                                            <tbody><tr>
                                                <th>主体性质</th>
                                                <td>自然人</td>
                                            </tr>
                                            <tr>
                                                <th>行业</th>
                                                <td>居民服务、修理和其他服务业</td>
                                            </tr>
                                            <tr>
                                                <th>职位</th>
                                                <td>个体</td>
                                            </tr>
                                            <tr>
                                                <th>月收入</th>
                                                <td>3000~5000</td>
                                            </tr>
                                            <tr>
                                                <th>住房性质</th>
                                                <td>自有房产</td>
                                            </tr>
                                            <tr>
                                                <th>居住地址</th>
                                                <td>陕西省咸阳市</td>
                                            </tr>
                                            <tr>
                                                <th>工作地址</th>
                                                <td>陕西省西安市</td>
                                            </tr>
                                            </tbody></table>
                                    </div>
                                </div>
                                <div class="fn-clear tb">
                                    <h1>借款人财务状况信息</h1>
                                    <div class="tb-left">
                                        <table>
                                            <tbody><tr>
                                                <th style="color: #5d5d5d;font-size: 16px;">本平台借贷信息</th>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <th>累计逾期次数</th>
                                                <td>0</td>
                                            </tr>
                                            <tr>
                                                <th>累计逾期金额</th>
                                                <td>0</td>
                                            </tr>
                                            <tr>
                                                <th>逾期90天以上项目</th>
                                                <td>0</td>
                                            </tr>
                                            <tr>
                                                <th>逾期90天以上金额</th>
                                                <td>0</td>
                                            </tr>
                                            <tr>
                                                <th>当前在贷金额</th>
                                                <td>0</td>
                                            </tr>
                                            </tbody></table>
                                    </div>
                                    <div class="tb-right">
                                        <table>
                                            <tbody><tr>
                                                <th style="color: #5d5d5d;font-size: 16px;">借款人状况变化记录</th>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <th>资金运用情况</th>
                                                <td>已使用</td>
                                            </tr>
                                            <tr>
                                                <th>经营状况及财务状况</th>
                                                <td>无变化</td>
                                            </tr>
                                            <tr>
                                                <th>还款能力变化情况</th>
                                                <td>无变化</td>
                                            </tr>
                                            <tr>
                                                <th>涉诉情况</th>
                                                <td>未提供</td>
                                            </tr>
                                            <tr>
                                                <th>受行政处罚情况</th>
                                                <td>未提供</td>
                                            </tr>
                                            </tbody></table>
                                    </div>
                                </div>
                                <div class="fn-clear tb">
                                    <div class="tb-left">
                                        <table>
                                            <tbody><tr>
                                                <th>其他平台借贷信息</th>
                                                <td>无</td>
                                            </tr>
                                            <tr>
                                                <th>其他负债</th>
                                                <td>0</td>
                                            </tr>
                                            </tbody></table>
                                    </div>
                                </div>

                            </div><div class="ui-loading" style="display: none;"><img src="/images/loading.gif"></div></div>
                        <h1 class="credit-tit">征信报告</h1>
                        <div id="credit-wrap">

                        </div>
                        <p style="padding:0px 20px 20px;">
                            本平台所有借款人征信报告的展示均已征得借款人同意，部分借款人由于个人原因暂时无法提供征信报告，我司根据客户授权的交易与行为特征等数据信息完成还款能力与违约风险的风控审核。
                        </p>
                    </div>
                    <div class="ui-tab-panel">
                        <div id="brief-wrap"><div class="brief-item"><h1>借款用途：</h1><p>经营周转</p></div><div class="brief-item"><h1>项目说明：</h1><p>本项目为个人小额消费借款项目，由爱钱进对借款人及借款项目进行资信评估审核，审核通过后作为借款标的在爱钱进平台发布。</p><p>本项目的借款人是有工作、有收入来源和还款能力且借款用途具有明确的商业或消费场景的人群，在校学生、借款用途不明、或者借款用途与购房相关的人士不能成为本项目借款人。</p></div><div class="brief-item"><h1>预计起息日：</h1><p>项目起息日即满标日期，如超过5工作日未满标将自动流标。</p></div><div class="brief-item"><h1>还款方式：等额本息</h1><p>即每月偿还出借人同等数额的还款金额（包括本金和利息），具体来说，借款人每月偿还的本金比重逐月递增，利息比重逐月递减。
                            计算方式：P=A·b%·(1+b%)^n/[(1+b%)^n-1]；P：每月还款额；A：借款本金；b：月利率；n：还款总期数。其中首期利息按日计算：I0=A·b%·（D1-D0)/30；I0：首期利息；A：借款本金；b：月利率；D1：首期账单日；D0：实际放款日；首期月还也受到首期利息的影响，与其他期不同。
                        </p></div><div class="brief-item"><h1>还款来源及保障：</h1><p>1. 借款人以自有资金足额偿还借款，按时履行债务。</p><p>2. 借款人发生逾期的，按照借款协议相关约定，由第三方根据实际情况自行决定是否进行垫付。</p><p>3. 基于国家各项法律法规和各方约定，利用合法手段向逾期借款人进行追偿。</p></div><div class="brief-item"><h1>担保措施：</h1><p>本项目适用于偿付责任计划。</p></div><div class="brief-item"><h1>费用说明：</h1><p>借款人费用：收费标准为服务费的0.04%-2%（具体费用以合同约定为准）</p><p>出借人费用：根据投标工具期限及匹配的基础债权确定</p></div><div class="brief-item"><h1>可能产生的风险结果：</h1><p>由于法律及监管风险、政策风险、市场风险，借款人信用风险和资金流动性风险等风险的存在，可能不利于出借人实现项目的约定收益甚至本金遭受损失。</p></div><div class="brief-item"><h1>出借人适当性管理提示：</h1><p>本项目适用于保守型、稳健型、积极型</p></div></div>
                        <p class="treaty-wrap">
                            <span>协议文本：</span>
                            <span id="info-protocol">查看<a target="_blank" class="zcb-agreement" href="http://www.iqianjin.com/loan/805.html">《散标协议》</a>、<a target="_blank" class="zcb-agreement" href="https://www.iqianjin.com/treaty/tip.html">《网络借贷风险提示书》和《资金来源合法承诺书》</a>、<a target="_blank" class="zcb-agreement" href="https://www.iqianjin.com/event/personal.jsp">《个人电子签名章授权委托书》</a></span>

                        </p>
                    </div>
                    <div class="ui-tab-panel">
                        <div id="join-wrap" style="position: relative;"><div class="wrap-data">
                            <table>
                                <tbody><tr class="join-list-title">
                                    <th class="text-left join-list-user">出借人</th>

                                    <th class="text-left join-list-mount">出借金额</th>
                                    <th class="join-list-time">出借时间</th>
                                </tr>

                                <tr class="even">
                                    <td class="text-left">a**************</td>

                                    <td class="text-left">5元</td>
                                    <td>2020-03-04 17:04</td>
                                </tr>
                                </tbody></table>
                        </div><div class="ui-loading" style="display: none;"></div></div>
                        <div class="pagination blue-theme simple-pagination" id="join-page"><ul><li class="active"><span class="current page-first">首页</span></li><li class="active"><span class="current prev">Prev</span></li><li class="active"><span class="current">1</span></li><li><a href="#page-2/join" class="page-link">2</a></li><li><a href="#page-3/join" class="page-link">3</a></li><li><a href="#page-4/join" class="page-link">4</a></li><li><a href="#page-5/join" class="page-link">5</a></li><li class="disabled"><span class="ellipse">…</span></li><li><a href="#page-35/join" class="page-link">35</a></li><li><a href="#page-36/join" class="page-link">36</a></li><li><a href="#page-2/join" class="page-link next">Next</a></li><li><a href="#page-36/join" class="page-link page-last">末页</a></li></ul></div>
                    </div>
                    <div class="ui-tab-panel">
                        <div id="repay-wrap" style="position: relative;"><div class="wrap-data">
                            <div class="benxi fn-clear">

                                <span class="fn-left" id="checkChanges" style="cursor: pointer">查看借款人财务状况变化情况</span>
                                <span class="fn-right ml20">待还本息：117,462.16元</span>
                                <span class="fn-right">已还本息：58,783.41元</span>
                            </div>
                            <table>
                                <tbody><tr class="join-list-title">
                                    <th width="40%">还款日期</th>
                                    <th width="30%" class="align-left">还款状态</th>
                                    <th width="30%" class="align-left">各期本息</th>

                                </tr>

                                <tr class="even">
                                    <td>2020-04-04</td>
                                    <td class="align-left">
                                        <p>******</p>

                                    </td>
                                    <td class="align-left">
                                        <p>7,393.75元</p>

                                    </td>

                                </tr>
                                </tbody></table>
                        </div><div class="ui-loading" style="display: none;"></div></div>
                        <div class="pagination blue-theme simple-pagination" id="repay-page"><ul><li class="active"><span class="current page-first">首页</span></li><li class="active"><span class="current prev">Prev</span></li><li class="active"><span class="current">1</span></li><li><a href="#page-2/repay" class="page-link">2</a></li><li><a href="#page-2/repay" class="page-link next">Next</a></li><li><a href="#page-2/repay" class="page-link page-last">末页</a></li></ul></div>
                    </div>
                    <div class="ui-tab-panel ui-tab-panel-current">
                        <div id="creditor-wrap" style="position: relative;"><div class="wrap-data">
                            <table>
                                <tbody><tr class="join-list-title">
                                    <th class="text-left">债权人</th>
                                    <th class="text-left">待收本金</th>
                                    <th class="text-left">待收利息</th>
                                    <th class="text-left">持有份数</th>
                                </tr>

                                <tr class="even">
                                    <td class="text-left">iq***********</td>
                                    <td class="text-left">218.67元</td>
                                    <td class="text-left">19.22元</td>
                                    <td class="text-left">6.3份</td>
                                </tr>
                                </tbody></table>
                        </div><div class="ui-loading" style="display: none;"></div></div>
                        <div class="pagination blue-theme simple-pagination" id="creditor-page"><ul><li class="active"><span class="current page-first">首页</span></li><li class="active"><span class="current prev">Prev</span></li><li class="active"><span class="current">1</span></li><li><a href="#page-2/creditor" class="page-link">2</a></li><li><a href="#page-3/creditor" class="page-link">3</a></li><li><a href="#page-4/creditor" class="page-link">4</a></li><li><a href="#page-5/creditor" class="page-link">5</a></li><li class="disabled"><span class="ellipse">…</span></li><li><a href="#page-29/creditor" class="page-link">29</a></li><li><a href="#page-30/creditor" class="page-link">30</a></li><li><a href="#page-2/creditor" class="page-link next">Next</a></li><li><a href="#page-30/creditor" class="page-link page-last">末页</a></li></ul></div>
                    </div>
                    <div class="ui-tab-panel">
                        <div id="transfer-wrap" style="position: relative;"><div class="wrap-data">
                            <table>
                                <tbody><tr class="join-list-title">
                                    <th class="text-left">债权出售人</th>
                                    <th class="text-left">债权出借人</th>
                                    <th class="text-left">交易金额</th>
                                    <th>转让时间</th>
                                </tr>

                                <tr class="even">
                                    <td class="text-left">ai*************</td>
                                    <td class="text-left">lJ*********</td>
                                    <td class="text-left">60.53元</td>
                                    <td>2020-03-30 17:37</td>
                                </tr>
                                </tbody></table>
                        </div><div class="ui-loading" style="display: none;"></div></div>
                        <div class="pagination blue-theme simple-pagination" id="transfer-page"><ul><li class="active"><span class="current page-first">首页</span></li><li class="active"><span class="current prev">Prev</span></li><li class="active"><span class="current">1</span></li><li><a href="#page-2/transfer" class="page-link">2</a></li><li><a href="#page-3/transfer" class="page-link">3</a></li><li><a href="#page-4/transfer" class="page-link">4</a></li><li><a href="#page-5/transfer" class="page-link">5</a></li><li><a href="#page-6/transfer" class="page-link">6</a></li><li><a href="#page-7/transfer" class="page-link">7</a></li><li><a href="#page-2/transfer" class="page-link next">Next</a></li><li><a href="#page-7/transfer" class="page-link page-last">末页</a></li></ul></div>
                    </div>
                </div>
            </div>
            <div class="detail-bom-right fn-right">
                <div class="project-progress-title">当前项目状态</div>
                <div class="project-progress-wrap loan-progress" id="loanProgress-wrap" style="position: relative;"><div class="wrap-data">
                    <ul>

                        <li class="active">

                            <div class="fn-clear">
                                <div class="fn-left pro-left">
                                    <p class="pro-top"><i class="icon-detail detail-fbjh-blue"></i><i class="icon-detail detail-suc"></i></p>
                                    <p class="pro-bom">发布项目</p>
                                </div>
                                <div class="fn-left pro-right">
                                    <p class="pro-top">发布时间：[[${looseLabel.dateofissue}]]</p>
                                    <p class="pro-bom">借款金额：[[${looseLabel.debtormoney}]]元</p>
                                </div>
                            </div>
                        </li>
                        <li class="active">
                            <div class="pro-bar"><i class="icon-detail detail-dot-blue line-top"></i><i class="icon-detail detail-dot-blue line-bottom"></i></div>
                            <div class="fn-clear">
                                <div class="fn-left pro-left">
                                    <p class="pro-top"><i class="icon-detail detail-yme-blue"></i><i class="icon-detail detail-suc"></i></p>
                                    <p class="pro-bom">募集期</p>
                                </div>
                                <div class="fn-left pro-right">
                                    <p class="pro-top">出借人数：427人</p>
                                    <p class="pro-bom">期满用时：0时30分24秒</p>
                                </div>
                            </div>
                        </li>
                        <li class="active">
                            <div class="pro-bar"><i class="icon-detail detail-dot-blue line-top"></i><i class="icon-detail detail-dot-blue line-bottom"></i></div>
                            <div class="fn-clear">
                                <div class="fn-left pro-left">
                                    <p class="pro-top"><i class="icon-detail detail-fkgjkr-blue"></i><i class="icon-detail detail-suc"></i></p>
                                    <p class="pro-bom">放款给借款人</p>
                                </div>
                                <div class="fn-left pro-right">
                                    <p class="pro-top">开始放款时间：[[${looseLabel.loandate}]]</p>
                                    <p class="pro-bom">即起息日</p>
                                </div>
                            </div>
                        </li>
                        <li class="active">
                            <div class="pro-bar"><i class="icon-detail detail-dot-blue line-top"></i><i class="icon-detail detail-dot-blue line-bottom"></i></div>
                            <div class="fn-clear">
                                <div class="fn-left pro-left">
                                    <p class="pro-top"><i class="icon-detail detail-kshk-blue"></i></p>
                                    <p class="pro-bom">开始还款</p>
                                </div>
                                <div class="fn-left pro-right">
                                    <p class="pro-top">还款期数：8/[[${looseLabel.periods}]]</p>
                                    <p class="pro-bom"></p>
                                </div>
                            </div>
                        </li>
                        <li class="">
                            <div class="pro-bar"><i class="icon-detail detail-dot line-top"></i><i class="icon-detail detail-dot line-bottom"></i></div>
                            <div class="fn-clear">
                                <div class="fn-left pro-left">
                                    <p class="pro-top"><i class="icon-detail detail-jhjs"></i></p>
                                    <p class="pro-bom">计划结束</p>
                                </div>
                                <div class="fn-left pro-right">
                                    <p class="pro-top">结束时间：未结束</p>
                                    <p class="pro-bom"></p>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div><div class="ui-loading" style="display: none;"></div></div>
            </div>
        </div>
    </div>
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title text-center" id="myModalLabel" >
                       交易确认
                    </h4>
                </div>
                <div class="modal-body">
                    <p class="treaty-wrap">
                        <span>协议文本：</span>
                        <img th:src="@{/img/1605931638(1).png}" style="width: 50px;height: 50px">
                    </p>
                    <p>
                    <iframe style="height: 200px" src='https://preview.yozodcs.com/fcscloud/view/preview/0uUrWeBZVMYxk-P3KtPsb8hOWbPVKYIXzabHRGn8kbilj3KpFA6Belvi7oUnqwMq9acBcJqmHq86Yokp1pDiJPWpIcBhS3phAVSEVz_XIppcSKWA74NejcEhbU3tMjfbbGCLsmzTh9xF9nbvH5LuwP5fjUkkjduscuJagtrDhvpyMTmxo5JjHaIjOPrvXDA9743dN7zuHYjoAmx7mW7ZT8Qjcn2v9tN-SaG48odEC-8XIngf2QX1bL0CVKiLoGCPSOYAZz7-TO07tUV6hlF0Wbr4-nNxq_mi7HSNxF9pg0clYSzvx5U4Dcw80cC1Fri4/' width='100%' height='100%' frameborder='1'>
                    </iframe>
                    </p>
                    <p>投资金额:<span id="moneyssss" class="text-success"></span></p>
                    <p>支付密码:<input type="password" id="parPassword"></p>
                    <p><input type="checkbox" id="checkdss"> 我已阅读协议 </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" onclick="transactions()">
                        提交更改
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>
<style>
    .regular-exit-global .exit-dialog .exit-p1 {
        font-size: 18px;
        text-align: left;
        line-height: 30px;
        padding: 0px 50px 0 110px;
        position: relative;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .regular-exit-global .ui-button-ok {
        background: #ed7c5d;
    }

    .regular-exit-global .ui-button-cancel {
        background: #ffffff;
        color: #ed7c5d;
    }

    .regular-exit-global .exit-dialog .exit-p1 i {
        position: absolute;
        left: 60px;
    }

    /*region**爱月投清退*/
    .regular-exit-global .treaty p{
        padding: 0 40px 0 65px;
        color: #999999;
    }

    .regular-exit-global .treaty {
        background: #f2f3f5;
        padding-top: 30px;
        margin-top: 35px;
    }

    .regular-exit-global .treaty p a {
        color: #5aa2f6;
        text-decoration: underline;
    }

    .regular-exit-global .treaty p span.ui-checkbox {
        margin-left: -18px;
        margin-right: -1px;
    }

    .regular-change-success .wrap {
        padding: 45px 95px 40px 155px;
        font-size: 18px;
        color: #363b3f;
    }

    .regular-change-success .ui-dialog-footer .ui-button-ok {
        background: #5e9eed;
    }

    .regular-change-success .wrap .info {
        position: relative;
    }

    .regular-change-success .wrap .info i {
        position: absolute;
        left: -50px;
    }

    .regular-change-success .wrap .money {
        margin-top: 20px;
    }

    .regular-change-success .wrap .money span {
        color: #fc6b1a;
    }

    .regular-exit-global .ui-button-ok.disabled,
    .regular-exit-global .ui-button-cancel.disabled {
        background: #e1e4e9;
        color: #6e6f71;
    }
    /*endregion**爱月投清退*/
</style>
<script>seajs.use(['//res.iqianjin.com/static/js/pages/loanDetail']);</script>
<script>
    let a ="[[${(looseLabel.transferredamount/looseLabel.debtormoney*100)}]]";
    var toFixed = (a*1.00).toFixed(2);
    document.getElementById("pang").innerHTML=toFixed+"%";
    function getManey(val) {
       var num1 = val.value;
       var incomerate="[[${(looseLabel.incomerate*365)}]]"
        var res = (num1*incomerate).toFixed(2);
        var elementById = document.getElementById("moneyss");
        elementById.innerHTML=res+"元";
        $("#moneyssss").html(num1+"元");
    };
    function transactions() {
        var money = $("#moneysss").val();
        var payPassword = $("#parPassword").val();

        if (money==undefined||money==null||money==""||money==0){
            alert("请选择您需要购买的数量");
            return;
        }
        if (payPassword==undefined||payPassword==""||payPassword==null){
            alert("请输入支付密码");
            return;
        }
        if ($("#checkdss").prop("checked")){
          $.ajax({
              url:"[[@{/LooseLabelWEB/transaction}]]",
              data:{"labelid":"[[${looseLabel.labelid}]]",
                    "money":money,"payPassword":payPassword},
              type:"get",
              dataType:"json",
              success:function (data) {
                  console.log(data)
               alert(data.msg)
              }
          })
        }else {
            alert("请阅读协议")
        }
    }
</script>
</body>
</html>